<template>
	<view class="content">
		<!-- 头部自定义导航栏 -->
		<view class="messages-header">
			<messagesNavation></messagesNavation>
		</view>

		<view class="hader" @click="GotoCustomerTalk">
			<uni-list-item title="在线客服" :note="note" showArrow :thumb="customerLogo" thumb-size="sm" rightText="" />
			</uni-list>
		</view>
		<!-- 消息中心 -->
		<view class="mainList">
			<newsList></newsList>
		</view>
	</view>
</template>

<script>
	import newsList from '@/compopents/newsList.vue'
	import messagesNavation from '@/compopents/messagesNavcation.vue'
	export default {
		components: {
			newsList,
			messagesNavation
		},
		data() {
			return {
				note: '暂无消息',
				customerLogo: '../../static/images/Customer.png',
			};
		},
		methods: {
			GotoCustomerTalk() {
				uni.navigateTo({
					url: '/views/Messages-chat/Messages-chat'
				})
			}
		},

	}
</script>

<style lang="scss">
	.content {

		.hader {
			background-color: #eee;

			.box-bg {
				height: 80px;
			}

		}
	}
</style>